<?php require_once SYSTEM . '/HTMLHelper.php';?>
<!--begin congtent -->
<div class="content">
	<!--begin offer-left-->
	<div class="offer-left">
		<div id="request_menu_2" class="offer-left-caption" onclick="divMenuOnclick('request_menu','2');">
			<div style="float: left; padding-left: 5px;">
		    	<a href="#" style="font-size: 14px; color: #5b8aff; font-weight: bold; text-decoration: none;">Top Category</a>
		    </div>
		</div>
		
		<div id="request_menu_sub_2" class="offer-left-menu" style="display: block;">
			<?php foreach($this->ViewData['listCat'] as $cat) { ?>
		    	<div class="offer-left-menu-cell">
		        	<a style="font-size: 12px; color: #718fb3; font-weight: bold; text-decoration: none;" href="/Offer/ListOffer?category=<?php echo $cat['_id'] ?>"><?php echo $cat['Name']; ?></a>
		        </div>            
		    <?php } ?>
		</div>

        <div id="request_menu_3" class="offer-left-caption" onclick="divMenuOnclick('request_menu','3');">
            <div style="float: left; padding-left: 5px;">
                <a href="#" style="font-size: 14px; color: #5b8aff; font-weight: bold; text-decoration: none;">Top Location</a>
            </div>
        </div>
        <div id="request_menu_sub_3" class="offer-left-menu" style="display: block;">
            <div class="offer-left-menu-cell">
                <a href="/Request/StateProvince?spId=8255&countryCode=VN" style="font-size: 12px; color: #718fb3; font-weight: bold; text-decoration: none;">H&#224; Nội (276)</a>
            </div>   
            <div class="offer-left-menu-cell">
                <a href="/Request/StateProvince?spId=8255&countryCode=VN" style="font-size: 12px; color: #718fb3; font-weight: bold; text-decoration: none;">H&#224; Nội (276)</a>
            </div> 
            <div class="offer-left-menu-cell">
                <a href="/Request/StateProvince?spId=8255&countryCode=VN" style="font-size: 12px; color: #718fb3; font-weight: bold; text-decoration: none;">H&#224; Nội (276)</a>
            </div> 
        </div>
    </div>
    <!--end offer-left-->
    <!--begin offer-right-->
    <div class="offer-right">
        <!--begin offer-right-search-->
        <div class="offer-right-search">
            <form action="/Search/ListItem"  method="post">
                <div style="float: left; width: 750px;">
                    <div style="float: left; padding: 5px 10px;">
                        <input type="text" name="Content" style="width: 400px; height: 20px; border: 1px solid #abd6ff;" />
                    </div>
                    <div style="float: left; padding: 5px 10px;">
                        <select name="CategoryID" style="width: 100px; border: 1px solid #abd6ff; width: 100px">          
                            <option value="0" style="height: 20px;">Category</option>
                            <option value="4faa9b416803fa1b05000000" style="height: 20px;">Clothes</option>                                                                  
                        </select>
                    </div>
                    <div style="float: left; padding: 5px 10px;">
                        <select name="CityId" style="width: 100px; border: 1px solid #abd6ff; width: 100px">          
                            <option value="0" style="height: 20px;">Thanh Pho</option>
                            <option value="8237" style="height: 20px;">Lạng Sơn</option>                                                                  
                        </select>
                    </div>
                    <div style="float: left; padding: 5px 5px;">
                        <!--<input type="image" src="../Content/Image/migiv2/search.gif" />-->
                        <input type="submit" value="Search" name="Search" />
                    </div>
                </div>
                <div style="float: left; width: 750px;">
                    <div style="float: left; padding-left: 20px; width: 430px; margin-top: 5px;">
                        <a href="/map/RequestItem" style="color: #2078de; font-size: 12px;">Choose other country</a>
                    </div>
                    <div style="float: left; width: 270px; text-align: right; padding-right: 30px; padding-top: 5px;">
                        <a href="#" style="color: #2078de">Advance Search</a>
                    </div>
                </div>
                <input type="hidden" name="switch" value="1"/>
            </form>
        </div>
        <!--end offer-right-search-->
        <div class="offer-right-caption">
            <div style="float: left; padding-left: 10px; width: 430px; padding: 5px;">
                <label style="font-size: 14px; color: #5b8aff; font-weight: bold">New Offers</label>
            </div>
            <div id="add-offer" style="float: left; width: 80px;">
                <div style="float: left; padding: 3px 0;">
                    <img alt="/" src="../Content/Image/migiv2/create-new-offer.png" />
                </div>
                <div style="float: left; padding: 5px 2px;">
                    <a href="/Offer/CreateOffer" style="cursor: pointer; font-size: 12px; color: #5b8aff;font-weight: bold; text-decoration: none;">Create</a>
                </div>
            </div>
            <div id="Div1" style="float: left; width: 120px;">
                <div style="float: left; padding: 3px 0;">
                    <img alt="icon" height="20" width="20" src="../Content/Image/Search2-32.png" />
                </div>
                <div style="float: left; padding: 5px 2px;">
                    <a href="/map/index?kind=Request" style="cursor: pointer; font-size: 12px; color: #5b8aff;font-weight: bold; text-decoration: none;">[Arround You]</a>
                </div>
            </div>
            <div id="show-map" style="float: left; width: 100px;">
                <div style="float: left; padding: 3px 0;">
                    <img id="imgShowCloseMap" alt="/" src="../Content/Image/migiv2/show-map.png" />
                </div>
                <div style="float: left; padding:return $model; 5px 2px;">
                    <label id="btShowMap" style="cursor: pointer; font-size: 12px; color: #5b8aff; font-weight: bold;text-decoration: none;">Show map</label>
                </div>
            </div>
        </div>
        <div id="Map" class="offer-right-map"></div>
        <div class="offer-right-list-offer">
            <div id="ListItem">
            	<?php foreach($this->Model['result'] as $model) { ?>                
                <div class="offer-right-offer-detail">
                    <div class="offer-right-offer-detail-name">
                        <a href="/Offer/OfferDetail?offerID=<?php echo $model->ID; ?>" id='1662NameItem'><?php echo $model->Name; ?></a>
                    </div>
                    <div class="offer-right-offer-detail-image">
                        <a href="/Offer/OfferDetail?offerID=<?php echo $model->ID; ?>"><img class="Icon" style="border-style: none" id="1662-ImageItem" alt="/" src="/Upload/Offer/<?php echo $model->Image; ?>" /></a>
                    </div>
                    <div class="offer-right-offer-detail-description">
                        <label>Location :</label>
                        <label><?php echo $model->Location; ?></label>
                        <br />
                        <label>Owner :</label>
                        <label><a href="/Profile?id=<?php echo $model->OwnerID;?>"><?php echo $model->OwnerName; ?> </a></label>
                        <input id="1662X" type="hidden" value="0" />
                        <input id="1662Y" type="hidden" value="0" />
                        <input id="1662OID" type="hidden" value="91" />
                    </div>
                    <div class="offer-right-offer-detail-buttom">
                        <div style="float: right; padding: 0 5px;" class="divRequestButtonPanel" id="1662">                          
                            <input type="button" style="width: 70px" class="ButtonRequest" id="1662" value="Request" />
                            <input type="hidden" id="hdEnable1662" value="1" />                           
                        </div>
                    </div>
                </div>
                <?php } ?>
            </div>                                     
            <div style="float: right; width: 750px;">
                <div class='pager'>
                    <div class='paginator'>                        
                    	<span class='previous'><?php echo $this->Model['paging']->previousPage; ?></span>
                        <span class='page'><?php echo $this->Model['paging']->pageLinks; ?></span>                        
                        <span class='next'><?php echo $this->Model['paging']->nextPage; ?></span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div style="background-color: #5a8aff; height: 20px; width: 960px; float: left;"></div>
</div>